
<section id="content" class="cont_pad">
  <div class="container_12">
    <div class="heading_line">
      <h3 class="color_black font_heading ucase"><span>Kunden & Partner</span></h3>
    </div>
    <ul class="client">
      <li><img src="images/clients/logo6.gif" class="grayscale" alt=""></li>  
      <li><img src="images/clients/logo8.gif" class="grayscale" alt=""></li>
      <li><img src="images/clients/logo9.gif" class="grayscale" alt=""></li>
      <li><img src="images/clients/logo10.gif" class="grayscale" alt=""></li> 
      <li><img src="images/clients/logo7.gif" class="grayscale" alt=""></li>
    </ul>
  </div>
</section>
<!--============================== Footer =================================-->
<div class="wrapper bg_grey cont_pad2"  style="border-bottom:1px solid #222427;">
  <div class="brd" style="margin-top:-20px;"></div>
  <div class="container_12 cont_pad2">
    <article class="grid_3">
      <h3 class="color_white font_heading ucase">Who We Are </h3>
      <p>Wir sind ein junges, kreatives Team von designern und IT-Experten.
           Der Konkurrenz sind wir immer eine Nasenlänge voraus, 
           denn wir beschäftigen uns seit unserer frühesten Jugend leidenschaftlich mit der 
           IT-Technologie und dem Gestalten von Webseiten und Printsachen.</p>
    </article>
    <article class="grid_3">
      <h3 class="color_white font_heading ucase">From the Blog</h3>
      <img src="images/blog/thm1.jpg" alt="" class="f_left15 pic">
      <p class="txt11"><a href="#">Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</a><br/>
        <span class="color_white txt10">08 Oct 2012</span></p>
      <div class="clear"></div>
      <img src="images/blog/thm2.jpg" alt="" class="f_left15 pic">
      <p class="txt11"><a href="#">Vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</a><br/>
        <span class="color_white txt10">07 Oct 2012</span></p>
    </article>
    <article class="grid_3">
      <h3 class="color_white font_heading ucase">Latest Tweets</h3>
      <img src="images/tweets.png" alt="" class="f_left">
      <p class="txt11"><a href="#" class="color_green">@okatheme</a> Nemo enim ipsam voluptatem quia voluptas sit. <a href="#" class="color_green">http://okatheme.com</a>
      <div class="clear"></div>
      <span class="color_grey txt10 it" style="padding-left:48px;">posted 2 days ago</span>
      </p>
      <div class="clear" style="height:20px;"></div>
      <img src="images/tweets.png" alt="" class="f_left">
      <p class="txt11"><a href="#" class="color_green">@okatheme</a> Nemo enim ipsam voluptatem quia voluptas sit. <a href="#" class="color_green">http://okatheme.com</a>
      <div class="clear"></div>
      <span class="color_grey txt10 it" style="padding-left:48px;">posted 3 days ago</span>
      </p>
    </article>
    <article class="grid_3 last-col">
      <h3 class="color_white font_heading ucase ">erreichen Sie uns</h3>
      <dl class="adress">
        <dd class="city">Boschstr.15,<br />
          69214 Eppelheim<br />
          <br />
        </dd>
        <dd><span>Mobile:</span> +49 01</dd>
        <dd><span>Telephone:</span> +49 754 92 53</dd>
        <dd>E-mail: <a href="#">info@kreativebox.de</a></dd>
      </dl>
    </article>
  </div>
  <a href="#" id="toTop"><img src="images/back-top.png" width="40" height="40" alt="Back to top" /></a> </div>
<div class="wrapper bg_black" style="position:relative; z-index:9;">
  <div class="container_12">
    <article class="grid_5 txt11" style="padding-top:9px;"> &nbsp;©&nbsp;  2012 <span class="color_green">Proma</span>. All Rights Reserved. </article>
    <article class="grid_5last-col">
      <div class="social"> <a href="#" title="Twitter"><img src="images/social/twitter.png" alt=""></a> <a href="#" title="Facebook"><img src="images/social/facebook.png" alt=""></a> <a href="#" title="Linkedin"><img src="images/social/linkedin.png" alt=""></a> <a href="#" title="Skype"><img src="images/social/skype.png" alt=""></a> <a href="#" title="RSS"><img src="images/social/rss.png" alt=""></a> </div>
    </article>
  </div>
</div>
<!-- Slider -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/mobilenav.js"></script>
<script type="text/javascript" src="styleChanger/colorpicker/colorpicker.js"></script>
<script type="text/javascript" src="styleChanger/changer.js"></script>
<!-- jQuery KenBurn Slider  -->
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript">
                                
                var tpj=jQuery;
                tpj.noConflict();
                
                tpj(document).ready(function() {
                
                if (tpj.fn.cssOriginal!=undefined)
                    tpj.fn.css = tpj.fn.cssOriginal;

                    tpj('.fullwidthbanner').revolution(
                        {   
                            delay:10000,                                                
                            startwidth:890,
                            startheight:450,
                            
                            onHoverStop:"off",                      // Stop Banner Timet at Hover on Slide on/off
                            
                            thumbWidth:100,                         // Thumb With and Height and Amount (only if navigation Tyope set to thumb !)
                            thumbHeight:50,
                            thumbAmount:3,
                            
                            hideThumbs:200,
                            navigationType:"none",                  //bullet, thumb, none, both  (No Shadow in Fullwidth Version !)
                            navigationArrows:"verticalcentered",        //nexttobullets, verticalcentered, none
                            navigationStyle:"square",               //round,square,navbar
                            
                            touchenabled:"on",                      // Enable Swipe Function : on/off
                            
                            navOffsetHorizontal:0,
                            navOffsetVertical:20,
                            
                            fullWidth:"on",
                            
                            shadow:0,                               //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows -  (No Shadow in Fullwidth Version !)
                            
                            stopLoop:"off"                          // on == Stop loop at the last Slie,  off== Loop all the time.
                                                        
                        }); 
                    
                    
                    
                        
            });
    
    
    
    
            </script>


<div id="stlChanger">
   
<!--ipt type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7078796-5']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</scri-->